.Spaper .topper{padding: 16px 20px;background: #fff;box-shadow: 0 0 10px #eee;border: 1px solid #f1f1f1; margin-bottom: 20px;}
.Spaper .topper img{}
.Spaper .topper .info{ padding-left: 20px;border-left: 1px solid #EAEAEA; width: 820px;}
.Spaper .topper .info .data em{ color: #666;}
.Spaper .topper .info .data{ margin-bottom: 3px;}
.Spaper .topper .info .data span{ margin-left: 50px;}
.Spaper .topper .info .data span:first-child{ margin-left: 0;}
.Spaper .col-sub{width: 158px;border:1px solid #EFEFEF; float: left;}
.Spaper .col-main{ width: 905px; float: right;}
.Spaper .col-sub .year-wrap{border-bottom: 1px solid #fff}
.Spaper .col-sub .year-wrap .month-all{ display: none;}
.Spaper .col-sub .year-wrap.on .month-all{ display: block;}
.Spaper .col-sub .year-wrap.on .year{ background-image:url("../img2/arr-t.png");}
.Spaper .col-sub .year-wrap .year{ height: 38px; line-height: 40px;background: #4A5A67 url("../img2/arr-b2.png") no-repeat 75px center; text-indent: 16px; color: #fff; font-weight: bold; cursor: pointer;}
.Spaper .col-sub .month-all .month{ height: 32px; line-height: 32px;font-size: 13px; text-indent: 16px;background:#F9F9F9 url('../img2/arr-t2.png') no-repeat 138px center; cursor: pointer; font-weight: bold; }
.Spaper .col-sub .month-all .month-wrap{ border-bottom:1px solid #fff;border-top: 1px solid #f2f2f2;}
.Spaper .col-sub .month-all .month-wrap.on .month{background-image: url("../img2/arr-b.png");}
.Spaper .col-sub .month-all .month-wrap.on .date{ display: block;}
.Spaper .col-sub .month-all .date{ overflow: hidden;padding: 0 3px; display: none;border-top: 1px solid #f2f2f2}
.Spaper .col-sub .month-all .date li{ width: 24px;line-height: 24px; float: left; text-align: center;margin: 2px 7px}
.Spaper .col-sub .month-all .date li:hover{background: #F5602A; color: #fff; cursor: pointer;}
.Spaper .main-title{ height: 50px; line-height: 50px; font-weight: bold;}
.Spaper .col-main ul{ width: 926px;}
.Spaper .col-main ul li{ float: left; margin:0 20px 25px 0; text-align: center;line-height: 40px;}
.Spaper .col-main ul li img{ width: 163px; height: 250px;border: 1px solid #E6E6E6; display: block;}
.Spaper .col-main ul li img:hover{box-shadow: 0 0 10px #ccc}


.Detail .col-sub{ width: 270px;border: 1px solid #E0E0E0;box-shadow: 0 0 10px #eee; padding-bottom: 13px;}
.Detail .col-main{ width: 808px;border: 1px solid #E0E0E0;}
.Detail .topper{ position: relative; background: #F9F9F9;border-bottom: 1px solid #e0e0e0;padding:22px 34px 26px}
.Detail .topper h3{ font-size: 24px; color: #444; margin-bottom: 3px;}
.Detail .topper .data{ color: #999;}
.Detail .topper .tool{ position: absolute; right: 0; top: 20px;}
.Detail .topper .tool a{ width: 114px; height: 30px; line-height: 30px;border-radius: 10px 0 0 10px; color: #fff; text-indent: 40px; font-size: 15px; display: block; cursor: pointer;}
.Detail .topper .tool a.download{background: #F5602A url("../img2/down.png") no-repeat 16px center; margin-bottom: 6px;}
.Detail .topper .tool a.share{background: #4A5A67 url("../img2/share2.png") no-repeat 14px center}
.Detail .col-main .group{ text-align: center;padding: 20px;}
.col-sub .sub-box{padding: 0 15px 10px}
.col-sub .sub-box h2{ font-size: 16px;line-height:20px;background:url('../img2/hd-icon.jpg') no-repeat 0 center;padding: 18px 0 12px 18px }
.col-sub .sub-box ul li{ padding: 7px 10px 7px 18px;background:url('../img2/li-icon.jpg') no-repeat 0 16px; border-bottom: 1px dashed #E7E7E7;line-height: 1.6;}
.col-sub .sub-box ul li a:hover{ color:#F5602A;}
.col-sub .sub-box ul li .data{ font-size: 12px; color: #999;}
.col-sub .sub-box ul li .data span{ margin-right: 24px;}



